{% extends 'base.html' %}
{% load bootstrap %}
{% block js %}
    <script>
    $(document).ready(function () {
        $("#submit").click(function(){
            $("#alert-area").hide();
            $("#notify").showNotification("Đang gửi dữ liệu...", 2000);
        });
    });
    </script>
{% endblock %}
{% block content %}
    <div id="alert-area">
        {{ message }}
    </div>
    <form action="" method="post">{% csrf_token %}
    <table class="table table-striped table-bordered">
        <tr>
            <th>STT</th>
            <th>Họ và tên</th>
            <th>Email</th>
            <th>Tên đăng nhập</th>
            <th>Trạng thái</th>
            <th>Ngày đăng ký</th>
        </tr>
        {% for reg, form in list %}
            <tr id="{{ reg.id }}">
                <td>{{ forloop.counter }}</td>
                <td>{{ reg.register_name }}</td>
                <td>{{ reg.register_email }}</td>
                <td>{{ reg.user_name }}</td>
                <td>{{ form.status }}</td>
                <td>{{ reg.register_date|date:"SHORT_DATE_FORMAT" }}</td>
            </tr>
        {% endfor %}
    </table>
    <input id="submit" type="submit" value="Gửi" />
    </form>
{% endblock %}